<template>
<div class="newsPage">
	<div class="newsCon">
		<a class="item" 
		   :href="item.path" 
		   v-for="(item,index) in imgData" 
		   :key="index">
			<img :src="'/static/'+item.url" />
		</a>
	</div>
</div>
</template>
<script>
export default {
	created(){
		//this.imgData.length = 15;
	},
	data(){
		return {
			imgData:[
				{
					url:'link7.png',
					title:'消费日报',
					path:'http://www.xfrb.com.cn/html/zixun/yishuxiaofei/yishuzixun/422689.html'
				},
				{
					url:'link1.png',
					title:'中国乐手',
					path:'http://www.chinayueshou.com/News/106.html'
				},
				{
					url:'link2.png',
					title:'大风号',
					path:'http://wemedia.ifeng.com/85132291/wemedia.shtml'
				},
				{
					url:'link11.png',
					title:'乐器空间',
					path:'http://misbj.vip.zhangzhaoliang.com/xwxtshow.asp?daohang=1&wenjian=xwxter&ziye=xwxt2&id=888'
				},
				{
					url:'link10.png',
					title:'中国新闻网',
					path:'http://www.chinanews.com/wap/detail/zw/yl/2018/10-31/8665067.shtml?from=singlemessage&isappinstalled=0'
				},
				{
					url:'link8.png',
					title:'厦门日报',
					path:'http://epaper.xmnn.cn/xmrb/20181101/201811/t20181101_5229619.htm?from=singlemessage&isappinstalled=0'
				},
				{
					url:'link3.png',
					title:'今日头条',
					path:'https://www.toutiao.com/i6618700896257704461/?wxshare_count=2&pbid=6619205961520383495'
				},
				{
					url:'link4.png',
					title:'东南早报',
					path:'http://szb.qzwb.com/dnzb/html/2018-11/01/content_439386.htm?from=singlemessage&isappinstalled=0'
				},
				{
					url:'link12.png',
					title:'中国网',
					path:'http://city.china.com.cn/index.php?m=content&c=index&a=show&catid=35&id=25979340'
				},
				{
					url:'link5.png',
					title:'新浪',
					path:'https://fj.sina.cn/news/2018-11-01/detail-ihnfikve3811909.d.html'
				},
				{
					url:'link6.png',
					title:'推媒网',
					path:'http://3g.163.com/ntes/17/0918/15/DVPMJ3FV053803K3.html'
				},
				{
					url:'link9.png',
					title:'连州网',
					path:'https://m.tech.china.com/tech/article/20181104/kejiyuan1108210660.html'
				},
				{
					url:'link13.png',
					title:'海伦钢琴',
					path:'https://mp.weixin.qq.com/s/9dOjk8tGxFEIn9kf9am-BA'
				},
				{
					url:'',
					title:'',
					path:''
				},
				{
					url:'',
					title:'',
					path:''
				}
			]			
		}
	}
}
</script>
<style scoped>
.newsPage{	
	margin-top: 30px;
}
.newsCon{
	display: flex;
	flex-flow: row wrap;
	background: #fff;
}
.newsCon .item img{
	width: 170px;
	height: 60px;
}
.newsCon .item{
	width: 33.33%;
	height: 110px;
	border-bottom: 1px solid #e0e0e0;/*no*/
	border-right: 1px solid #e0e0e0;/*no*/
	display: flex;
	justify-content: center;
	align-items: center;
}
.newsCon .item:active{
	background: #fcfcfc;
}
.newsCon .item:nth-child(3n){
	flex:1;
	width: auto;
	border-right: none;
}
.newsCon .item:nth-last-child(1),
.newsCon .item:nth-last-child(2),
.newsCon .item:nth-last-child(3){
	border-bottom: none;
}
</style>